<!DOCTYPE HTML>
<html>
  <head>
    <title>Arunachal News Feed</title>
        <link rel="SHORTCUT ICON" href="img/favicon.ico" />
        <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>
		 <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
		  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>        
		<link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/grid-12.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" language="javascript">
		  $(function() {
			$( "#tabs" ).tabs();
			var url = "http://www.thehindu.com/news/national/other-states/?service=rss";
			var url2 = "http://ibnlive.in.com/ibnrss/rss/india/arunachalpradesh.xml";
			var url5= "http://indiatoday.intoday.in/rss/article.jsp?sid=120";
			var url3 = "http://feeds.bbci.co.uk/news/world/asia/rss.xml";
			var url4 = "http://timesofindia.indiatimes.com/rssfeeds/4118215.cms";
			var url6 = "http://feeds.feedburner.com/NdtvNews-TopStories?format=xml";
			var url7 = "http://news.oneindia.in/rss/news-india-fb.xml";
			var url8 = "http://economictimes.indiatimes.com/rssfeedstopstories.cms";
			
			/* Selecting tab */
			$.ajax({url:"googlenews.php",success:function(result){
				if(result=='')
					$("#tab-1p").html("No latest news feed about Arunachal from The Hindu");
				else{	
					$("#tab-1p").html(result);
					//$(".tb-1").addClass("ui-tabs-active");
					}
			}});
			$.ajax({url:"ajaxfeed.php?url="+url2,success:function(result){
				if(result=='')
					$("#tab-2p").html("No latest news feed about Arunachal from IBNLive");
				else{
					$("#tab-2p").html(result);
					$(".tb-2").addClass("ui-tabs-active");
					}
			}});
			$.ajax({url:"ajaxfeed.php?url="+url3,success:function(result){
			if(result=='')
					$("#tab-3p").html("No latest news feed about Arunachal from India Today");
				else
				$("#tab-3p").html(result);
			}});
			$.ajax({url:"ajaxfeed.php?url="+url4,success:function(result){
				if(result=='')
					$("#tab-4p").html("No latest news feed about Arunachal from BBC Asia");
				else
				$("#tab-4p").html(result);
			}});  
			$.ajax({url:"ajaxfeed.php?url="+url5,success:function(result){
				if(result=='')
					$("#tab-5p").html("No latest news feed about Arunachal from The Times of India");
				else
				$("#tab-5p").html(result);
			}});
			$.ajax({url:"ajaxfeed.php?url="+url6,success:function(result){
				if(result=='')
					$("#tab-6p").html("No latest news feed about Arunachal from NDTV");
				else
				$("#tab-6p").html(result);
			}});
			$.ajax({url:"ajaxfeed.php?url="+url7,success:function(result){
				if(result=='')
					$("#tab-7p").html("No latest news feed about Arunachal from Oneindia");
				else
				$("#tab-7p").html(result);
			}});
			$.ajax({url:"ajaxfeed.php?url="+url8,success:function(result){
				if(result=='')
					$("#tab-8p").html("No latest news feed about Arunachal from The Economic Times");
				else
				$("#tab-8p").html(result);
			}});
			
			$(".tb-3").tabs({ selected: 1 });
			//$( ".tb-3" ).tabs({ show: { effect: "blind", duration:  } });
		  });       
				</script>
  </head>
  <body>
    <div id="container" class="container_12">
    
    <?php
    include("inc/db.class.php");
    require("php/header.php");
	require_once('inc/constants.inc.php');
    $database = new database();
    ?>
		  <div id="line" class="grid_12"></div>
      <div id="slides" class="grid_12">
	  <h3>Arunachal News Feed</h3>
				<form id="" class="grid_12 alpha omega" method="post" action="loginAuthentication.php">
					<div class="grid_12 alpha omega">
					
						<div id="tabs">
						  <ul>
							<li class="tb-1"><a href="#tabs-1">Latest news</a></li>
							<li class="tb-2"><a href="#tabs-2">IBNLive</a></li>
							<li class="tb-3"><a href="#tabs-3">India Today</a></li>
							<li class="tb-4"><a href="#tabs-4">BBC</a></li>
							<li class="tb-5"><a href="#tabs-5">The Times of India</a></li>
							<li class="tb-6"><a href="#tabs-6">NDTV</a></li>
							<li class="tb-7"><a href="#tabs-7">Oneindia</a></li>
							<li class="tb-8"><a href="#tabs-8">The Economic Times</a></li>
						  </ul>
						  
						  <div id="tabs-1">
							<p id="tab-1p">
								<img src="img/ajax-loader.gif">
							</p>
						  </div>
						  
						  <div id="tabs-2">
							<p id="tab-2p">
							<img src="img/ajax-loader.gif">
							</p>  
						  </div>
						  <div id="tabs-3" class="active">
							<p id="tab-3p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
							<div id="tabs-4">
							<p id="tab-4p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
							<div id="tabs-5">
							<p id="tab-5p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
						  <div id="tabs-6">
							<p id="tab-6p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
						  <div id="tabs-7">
							<p id="tab-7p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
						  <div id="tabs-8">
							<p id="tab-8p">
							<img src="img/ajax-loader.gif">
							</p> 
						  </div>
						  </div>
					</div>
				</form>
				<div>
				</div>
      </div>
      <?php require("php/footer.php"); ?>
    </div>
  </body>
</html>
